<template>
  <a-card :bordered="false">
    <search :keyName="keyName" @search="search" @resetSearch="resetSearch" ref="search" />
    <a-tabs type="card" @change="callback">
      <a-tab-pane key="1" :tab="tab.allOrder" :forceRender="true">
        <allOrder ref="allOrder" @trigger="trigger" />
      </a-tab-pane>
      <a-tab-pane key="2" :tab="tab.successfulTrade" :forceRender="true">
        <successfulTrade ref="successfulTrade" @trigger="trigger" />
      </a-tab-pane>
      <a-tab-pane key="3" :tab="tab.closeTrade" :forceRender="true">
        <closeTrade ref="closeTrade" @trigger="trigger" />
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script src='./index.js'></script>

<style lang="less" scoped>
</style>